﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductionBoard.aspx.cs" Inherits="Catering.DisplayBoards.ProductionBoard" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <link href="/Style/DisplayBoard.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $(".Table_2>tbody tr:odd").addClass("Table_Tr_odd");
        });
    </script>

    <style type="text/css">
        .Title_2{ width:100%; height:27px; background:url(/images/images_24.jpg) repeat-x; margin-top:20px;}
        .Title_2_Left{ width:32px; height:27px; background:url(/images/images_21.jpg) no-repeat; float:left;}
        .Title_2_text{  height:27px; padding:0px 10px; background:url(/images/images_22.jpg) repeat-x; color:#376ae9; font-size:16px; font-weight:bold; float:left; margin-left:20px;}
        
        .Title_3{height:60px; position:relative;}
        .Title_3_Option{ width:80px; height:27px; position:absolute; bottom:5px; right:10px;}
        .Title_3_Option li{ width:27px; height:27px; float:left; margin-left:10px;}
        
        .Table_Item{ width:100%; background-color:#e6eae9;}
        .Table_Item h2{width:100%; height:37px; line-height:37px; font-size:20px; text-align:left; text-indent:2em; background:url(/images/images_27.jpg) no-repeat left; border-bottom:2px solid #fff;}
        .Table_Item p{ text-indent:2em; padding:10px 0px;}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="layout" style=" position:relative;">
         <div class="Tab">
            <ul>
                <li><a href="#"><img src="/images/images_16.jpg" /></a></li>
                <li><a href="#"><img src="/images/images_17.jpg" /></a></li>
                <li><a href="#"><img src="/images/images_18.jpg" /></a></li>
            </ul>
        </div>
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td valign="top">
                    <div style=" height:600px; overflow-x:hidden; overflow-y:auto;">
                    <div class="Title_2">
                        <div class="Title_2_Left"></div>
                        <div class="Title_2_text">服务数据</div>
                    </div>
                    <table border="0" cellpadding="0" cellspacing="1" width="100%" class="Table_2" style="margin-top:10px;">
                        <thead>
                            <tr class="Table_2_Title">
                                <td>服务人数</td>
                                <td>在岗人数</td>
                                <td>倒班人数</td>
                                <td>服务比例</td>
                                <td>就餐人数</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="Table_Tr">
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                            </tr>
                            <tr class="Table_Tr">
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                            </tr>
                        </tbody>
                    </table>


                    <div class="Title_2">
                        <div class="Title_2_Left"></div>
                        <div class="Title_2_text">培训应急情况</div>
                    </div>
                    <table border="0" cellpadding="0" cellspacing="1" width="100%" class="Table_2" style="margin-top:10px;">
                        <thead>
                            <tr class="Table_2_Title">
                                <td>序号</td>
                                <td>应急名称</td>
                                <td>类别</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="Table_Tr">
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                            </tr>
                            <tr class="Table_Tr">
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                            </tr>
                        </tbody>
                    </table>

                    <table border="0" cellpadding="0" cellspacing="1" width="100%" class="Table_2" style="margin-top:10px;">
                        <thead>
                            <tr class="Table_2_Title">
                                <td>序号</td>
                                <td>培训项目</td>
                                <td>类别</td>
                                <td>人数</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="Table_Tr">
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                                <td class="T3"></td>
                            </tr>
                            <tr class="Table_Tr">
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                                <td class="T3"></td>
                            </tr>
                        </tbody>
                    </table>

                    <div class="Title_2">
                        <div class="Title_2_Left"></div>
                        <div class="Title_2_text">险情事件</div>
                    </div>
                    <table border="0" cellpadding="0" cellspacing="1" width="100%" class="Table_2" style="margin-top:10px;">
                        <thead>
                            <tr class="Table_2_Title">
                                <td>序号</td>
                                <td>险情内容</td>
                                <td>类别</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="Table_Tr">
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                            </tr>
                            <tr class="Table_Tr">
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                            </tr>
                        </tbody>
                    </table>
                    </div>

                </td>
                <td  valign="top" style="padding:0px 10px;">
                    <div class="Title_2">
                        <div class="Title_2_Left"></div>
                        <div class="Title_2_text">原料验收情况</div>
                    </div>
                    <table border="0" cellpadding="0" cellspacing="1" width="100%" class="Table_2" style="margin-top:35px;">
                        <thead>
                            <tr class="Table_2_Title">
                                <td style="position:relative; height:60px; width:150px;">
                                    <div style="height: 85px;position: absolute;left: 0px;width: 100%;top: -25px;">
                                        <div class="Title">
                                            <div class="Title_Left"></div>
                                            <div class="Title_Right"></div>
                                            <div class="Title_text" style=" height:50px; padding-top:35px;">
                                                辽东作业区
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td>是否上菜</td>
                                <td>原料合格</td>
                                <td>领导汇报</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="Table_Tr">
                                <td class="T1">JZ20-2</td>
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                            </tr>
                            <tr class="Table_Tr">
                                <td class="T1">JZ20-2</td>
                                <td class="T2"></td>
                                <td class="T3"></td>
                                <td class="T2"></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td  valign="top" width="33%">
                    <table border="0" cellpadding="0" cellspacing="1" width="100%" class="Table_2" style="margin-top:80px;">
                        <thead>
                            <tr class="Table_2_Title">
                                <td class="Title_3" style=" height:60px;">
                                    日常动态简情
                                    <div class="Title_3_Option">
                                        <ul>
                                            <li><img src="/images/images_25.jpg" /></li>
                                            <li><img src="/images/images_26.jpg" /></li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        </thead>
                    </table>
                    <div class="Table_Item">
                        <h2>JZ20-2</h2>
                        <p>内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容</p>
                    </div>
                    <div class="Table_Item">
                        <h2>JZ20-2</h2>
                        <p>内内容内容内容内容内容内容容</p>
                    </div>
                    <div class="Table_Item">
                        <h2>JZ20-2</h2>
                        <p>内内容内容内容内容内容内容内容内容内容容</p>
                    </div>
                    <div class="Table_Item">
                        <h2>JZ20-2</h2>
                        <p>内内容内容内容内容内容内容内容内容内容容</p>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
